/* You can add global styles to this file, and also import other style files */
@import 'node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css';
*{
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
}
// 淘宝网页样式重置
html{min-width:1024px}
body,ul,li,dl,dt,dd,p,ol,h1,h2,h3,h4,h5,h6,form,img,table,fieldset,legend{margin:0; padding:0;}
ul,li,ol{list-style:none;}
img,fieldset{border:0; }
img{display:block;}
a{text-decoration:none; color:#333;}
h1,h2,h3,h4,h5,h6{font-weight:100;}
body{font-size:12px; font-family:"微软雅黑";}
input,a{outline:none;}

#loading{
	position: fixed;
	top: 0;
	bottom:0;
	left:0;
	right:0;
	background: #fff;
	z-index: 2;
	.spinner {
		// margin: 100px auto;
		position: relative;
		left: 50%;
		top:50%;
		transform:translate(-50%,-50%);
		width: 50px;
		height: 60px;
		text-align: center;
		font-size: 10px;
		div {
			background-color: #001529;
			height: 100%;
			width: 6px;
			display: inline-block;

			-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
			animation: stretchdelay 1.2s infinite ease-in-out;
		}
		.rect2 {
			-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s;
		}
		.rect3 {
			-webkit-animation-delay: -1.0s;
			animation-delay: -1.0s;
		}
		.rect4 {
			-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s;
		}
		.rect5 {
			-webkit-animation-delay: -0.8s;
			animation-delay: -0.8s;
		}
	}
}
@-webkit-keyframes stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
	20% { -webkit-transform: scaleY(1.0) }
}

@keyframes stretchdelay {
	0%, 40%, 100% {
		transform: scaleY(0.4);
		-webkit-transform: scaleY(0.4);
	}  20% {
		transform: scaleY(1.0);
		-webkit-transform: scaleY(1.0);
	}
}
//函数
@mixin lheight($height) {
	height:$height + 'px';
	line-height: $height + 'px';
}
@mixin bcolor($color,$background){
	color:$color;
	background: $background;
}
